<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>我的主页</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../static/css/ionicons.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../static/css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <link href="../static/css/font-awesome.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="../static/css/home.css">
        <link rel="stylesheet" type="text/css" href="../static/css/jq22.css">
    </head>
    <body class="skin-black">
        <header class="header">
            <a href="home.html" class="logo">
                我的主页
            </a>
            <nav class="navbar navbar-static-top" role="navigation">
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- User Account: style can be found in dropdown.less -->
                        <li class="dropdown user user-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>Wcb<i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                                <!-- User image -->
                                <li class="user-header bg-light-blue">
                                    <img src="../static/img/avatar3.png" class="img-circle" alt="User Image" />
                                    <p>
                                        Wcb
                                    </p>
                                </li>
                                
                                <!-- Menu Footer-->
                                <li class="user-footer">
                                    <div class="pull-left">
                                        <a href="#" class="btn btn-default btn-flat">账户设置</a>
                                    </div>
                                    <div class="pull-right">
                                        <a href="login.html" class="btn btn-default btn-flat">退出</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                            <img src="../static/img/avatar3.png" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p>你好,wcb</p>
                            <a href="#"><i class="fa fa-circle text-success"></i>在线</a>
                        </div>
                    </div>
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                    <ul class="sidebar-menu">
                        <li class="active">
                            <a href="home.html">
                                <i class="fa fa-dashboard"></i> <span>首页</span>
                            </a>
                        </li>
                        
                        <li class="treeview">
                            <a href="#">
                                <i class="fa fa-edit"></i> <span>查询</span>
                                <i class="fa fa-angle-left pull-right"></i>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="myOrder.html"><i class="fa fa-angle-double-right"></i>我的订单</a></li>
                                <li><a href="javascript:;"><i class="fa fa-angle-double-right"></i>我的设置</a></li>
                            </ul>
                        </li>
                        
                    </ul>
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header cf">
                    <h1 class="orderSysm">
                        电影订票系统
                        <!-- <small>Control panel</small> -->
                    </h1>
                    <!-- search form -->
                    <form action="#" method="get" class="searchContainer">
                        <div class="input-group margin">
	                    	<input type="text" name="" class="form-control" id="searchBox" placeholder="请输入电影名称">
	                    	<span class="input-group-btn">
	                    		<button class="btn btn-info btn-flat" id="searchBtn" type="button">搜索</button>
	                    	</span>
	                    </div>
                    </form>
                    <!-- /.search form -->
                </section>
                <!-- 详情栏头部 -->
                <section class="content" style="background-color: #fff" id="movieInfo">
                    <h3 class="h3">{{FilmName}}</h3>
                    <div class="detail_body cf">
                        <img src="../static/img/aa.png">
                        <div class="detail_body_main">
                            <div class="list_detail">
                                <span class="detail_body_list">首映</span><span class="detail_body_list">{{StartDate}}</span>
                            </div>
                            <div class="list_detail">
                                <span class="detail_body_list">类型</span><span class="detail_body_list">{{Style}}</span>
                            </div>
                            <div class="list_detail">
                                <span class="detail_body_list">版本</span><span class="detail_body_list">{{Version}}</span>
                            </div>
                            <!-- <div class="list_detail">
                                <span class="detail_body_list">地区</span><span class="detail_body_list">美国</span>
                            </div> -->
                            <div class="list_detail">
                                <span class="detail_body_list">时长</span><span class="detail_body_list">{{Duration}}分钟</span>
                            </div>
                            <div class="list_detail">
                                <span class="detail_body_list">导演</span><span class="detail_body_list">{{Director}}</span>
                            </div>
                            <div class="list_detail">
                                <span class="detail_body_list">主演</span><span class="detail_body_list">{{Cast}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="detail_foot">
                        <h4>剧情</h4>
                        <p>{{FilmIntro}}</p>
                    </div>
                </section>
                <!-- /详情栏头部 -->

                <!-- 电影详情栏 -->
                <section class="content" style="margin-top: 10px;">
                    <!-- Custom Tabs -->
                    <div class="nav-tabs-custom">
                        <ul class="nav nav-tabs">
                            <li class="active"><a href="#tab_1" data-toggle="tab">上映影院</a></li>
                            <li class=""><a href="#tab_2" data-toggle="tab">热门评价</a></li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="tab_1">
                            	<table id="example2" class="table table-bordered table-hover dataTable" aria-describedby="example2_info">
                                    <thead>
                                        <tr>
                                        	<th rowspan="1" colspan="1">影院名称</th>
                                        	<th rowspan="1" colspan="1">影院地址</th>
                                        	<th rowspan="1" colspan="1">价格(元)</th>
                                        	<th rowspan="1" colspan="1">购买渠道</th>
                                        </tr>
                                    </thead>
                                    
                                    <tbody role="alert" aria-live="polite" aria-relevant="all" id="cinema">
                                    		
                                    </tbody>

			                    </table>
                                <div class="row">
                                	<div class="col-xs-12">
	                                    <div class="dataTables_paginate paging_bootstrap">
		                                    <ul class="pagination">
			                                    <li class="prev"><a href="#">← 上一页</a></li>
			                                    <li class="active"><a href="#">1</a></li>
			                                    <li><a href="#">2</a></li>
			                                    <li><a href="#">3</a></li>
			                                    <li><a href="#">4</a></li>
			                                    <li><a href="#">5</a></li>
			                                    <li class="next"><a href="#">下一页 → </a></li>
		                                    </ul>
	                                    </div>
                                    </div>
                                </div>
                            </div><!-- /.tab-pane -->
                            <div class="tab-pane" id="tab_2">
                                <table id="example3" class="table table-bordered table-hover dataTable" aria-describedby="example3_info">
                                    <thead>
                                        <tr>
                                        	<th rowspan="1" colspan="1">用户名称</th>
                                        	<th rowspan="1" colspan="1">评价时间</th>
                                        	<th rowspan="1" colspan="1">评价内容</th>
                                        	<th rowspan="1" colspan="1">评价分数(最高5分)</th>
                                        </tr>
                                    </thead>
                                    
                                    <tbody role="alert" aria-live="polite" aria-relevant="all">
                                    		<tr class="odd">
                                                <td class="  sorting_1">xie210star</td>
                                                <td class=" ">2017-05-26 12:35</td>
                                                <td class=" ">挺好看的，好开始有点吓人，</td>
                                                <td class=" ">4分</td>
                                            </tr>
                                            <tr class="odd">
                                                <td class="  sorting_1">PfB567594309</td>
                                                <td class=" ">2017-05-26 02:32</td>
                                                <td class=" ">Win 主演亮点，巴博萨之死，片尾彩蛋下一部巴博萨复活变荷兰人船长。</td>
                                                <td class=" ">4.5分</td>
                                            </tr>
                                            <tr class="odd">
                                                <td class="  sorting_1">Gecko</td>
                                                <td class=" ">2017-05-28 19:09</td>
                                                <td class=" ">还行吧</td>
                                                <td class=" ">4分</td>
                                            </tr>
                                    </tbody>

			                    </table>
                            </div><!-- /.tab-pane -->
                        </div><!-- /.tab-content -->
                    </div><!-- nav-tabs-custom -->
                </section><!-- /电影详情栏 -->


                <!-- 选座购票弹出层 -->
                <div class="buy_ticker_layer">
                    <div class="btn-group" id="dateList">
                        <button type="button" class="btn btn-success">今天{{today}}</button>
                        <button type="button" class="btn btn-success">明天{{tomorrow}}</button>
                        <button type="button" class="btn btn-success">后天{{thirdDay}}</button>
                    </div>
                    <table id="example4" class="table table-bordered table-hover dataTable" aria-describedby="example4_info">
                        <thead>
                            <tr>
                                <th rowspan="1" colspan="1">放映时间</th>
                                <th rowspan="1" colspan="1">语言版本</th>
                                <th rowspan="1" colspan="1">放映厅</th>
                                <th rowspan="1" colspan="1">售价(元)</th>
                                <th rowspan="1" colspan="1">在线选座</th>
                            </tr>
                        </thead>
                        
                        <tbody role="alert" aria-live="polite" aria-relevant="all">
                                <tr class="odd">
                                    <td class="  sorting_1">{{StartTime}}</td>
                                    <td class=" ">{{Languatge}}</td>
                                    <td class=" ">{{ScreenType}}号厅</td>
                                    <td class=" ">{{SessionPrice}}</td>
                                    <td><a href="seat.html?{{orderData}}"><button class="btn btn-warning btn-sm turn_to_buy">选座购票</button></a></td>
                                </tr>
                        </tbody>

                    </table>
                </div>
                <!-- /选座购票弹出层 -->

            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

        <!-- jQuery 2.0.2 -->
        <script src="../static/js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script type="text/javascript" src="../static/js/bootstrap.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="../static/js/publicDom.js"></script>
        <script type="text/javascript" src="../static/js/home.js"></script>
        <!-- AdminLTE App -->
        <script src="../static/js/app.js" type="text/javascript"></script>
       	<script type="text/javascript" src="../static/js/layer/layer.js"></script>
        <script type="text/javascript" src="../static/js/moviesInfo.js"></script>
    </body>
</html>